var footerCom = Vue.extend({

    data() {
        return {

        };
    },
    mounted: function() {
        this.$nextTick(function() {//this.TouchSlide();
            this.scrollTop();
        });
    },
    methods: {
        scrollTop(){
            $(window).scroll(function () {
                if ($(this).scrollTop() > 100) {
                    $('#scroll-top').fadeIn();
                } else {
                    $('#scroll-top').fadeOut();
                }
            });
            $("a[href='#top']").on('click', function() {
                $("html, body").animate({ scrollTop: 0 }, "slow");
                return false;
            });
        },
    },
    props: [''],
    template: '\
<footer id="footer">\
<div class="site-footer">\
    <div class="container">\
        <div class="row">\
            <div class="col-md-4 col-sm-6">\
                <section class="widget about-widget clearfix">\
                    <h4 class="title hide">About Us</h4>\
                    <a class="footer-logo" href="#"><img src="assets/images/footer-logo.png" alt="Footer Logo"></a>\
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</p>\
                    <ul class="social-icons clearfix">\
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>\
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>\
                        <li><a href="#"><i class="fa fa-pinterest"></i></a></li>\
                        <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>\
                    </ul>\
                </section>\
            </div>\
            <div class="col-md-4 col-sm-6">\
                <section class="widget twitter-widget clearfix">\
                    <h4 class="title">Latest Tweets</h4>\
                    <div id="twitter-feeds" class="clearfix"></div>\
                </section>\
            </div>\
            <div class="col-md-4 col-sm-6">\
                <section class="widget address-widget clearfix">\
                    <h4 class="title">OUR OFFICE</h4>\
                    <ul>\
                        <li><i class="fa fa-map-marker"></i> 4 Tottenham Road, London, England.</li>\
                        <li><i class="fa fa-phone"></i> (+86) 13411173567</li>\
                        <li><i class="fa fa-qq"></i> 42524073</li>\
                        <li><i class="fa fa-envelope"></i>42524073@qq.com</li>\
                        <li><i class="fa fa-clock-o"></i> Mon - Sat: 9:00 - 18:00</li>\
                    </ul>\
                </section>\
            </div>\
        </div>\
    </div>\
</div>\
    <div class="site-footer-bottom">\
        <div class="container">\
          <p class="copyright pull-left wow slideInRight">Copyright &copy; 2019.<a target="_blank" href="http://www.cmsya.com/">cmsya</a> All rights reserved.</p>\
            <nav class="footer-nav pull-right wow slideInLeft">\
                <ul>\
                    <li><a href="#">Terms & Conditions</a></li>\
                    <li><a href="#">Pricing</a></li>\
                    <li><a href="#">Contact</a></li>\
                </ul>\
            </nav>\
        </div>\
    </div>\
    <a href="#top" id="scroll-top"><i class="fa fa-angle-up"></i></a>\
</footer>\
',

});
